
<div style="POSITION: relative" id="content">
  <h3>easyUI 创建Tree和复选框Tree Node</h3>
  <div id="article_content" class="article_content">
	<p style="text-align:left">easyui的tree插件允许你创建一个复选框树.如果你点击一个节点的复选框,这个点击的节点信息将向上和下继承,例如:点击'tomato'节点的复选框你将会看见'Vegetables'节点现在仅仅选中部分。</p>
<p style="text-align:left"><img src="documentation/images/1344827368_3968.png" alt="" /></p>
<h4 style="font-size:16px; color:rgb(204,0,0); margin:10px 0px; font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; text-align:left">创建复选框tree</h4>
<pre name="code" class="html">&lt;ul id=&quot;tt&quot; class=&quot;easyui-tree&quot;  
        url=&quot;data/tree_data.json&quot;  
        checkbox=&quot;true&quot;&gt;  
&lt;/ul&gt;  </pre>
<h4 style="font-size:16px; color:rgb(204,0,0); margin:10px 0px; font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; text-align:left">
下载EasyUI 示例代码:</h4>
<div style="font-size:14px; font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; text-align:left; padding-left:50px">
<a href="http://www.jeasyui.com/tutorial/tree/download/easyui-tree4-demo.zip" target="_blank" class="download-link" style="color:rgb(0,0,255)">easyui-tree-demo.zip</a></div>
<br>
  </div>
</div>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>